<template>
  <h1 class="green">{{ msg }}</h1>
</template>

<script setup lang="ts">
defineProps<{
  msg: string
}>()
</script>

<style scoped>
h1 {
  font-weight: 600;
  font-size: 2.6rem;
  top: -10px;
}

h1 {
  text-align: center;
}

@media (min-width: 1024px) {
  h1 {
    display: block;
    text-align: left;
  }
}
</style>
